<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8" />
  <meta http-equiv="X-UA-Compatible" content="IE=edge" />
  <meta content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0" name="viewport" />
  <title>色谱报告</title>
  <!--标准mui.css-->
  <link rel="stylesheet" href="../css/mui.min.css" />
  <script src="../js/mui.min.js"></script>
  <!--App自定义的css-->
  <link rel="stylesheet" type="text/css" href="../css/app.css" />
  <script src="../js/vue.js"></script>
  <script src="../js/jquery-3.6.0.min.js"></script>
  <script src="../js/sm2.js"></script>
  <script src="../js/sm3.js"></script>
  <script src="../js/feedback.js"></script>
  <script src="../js/clipboard.js"></script>
  <script src="../js/flexible.js"></script>
  <script src="../wx/uap.js"></script>
  <script src="../js/vconsole.min.js"></script>
  <!-- <script src="../js/aa.js"></script> -->
  <script src="./text.js" type="text/javascript"></script>
  <style>
    .trainTicketstitle {
      background-image: linear-gradient(to right,
          rgb(13, 121, 131),
          rgb(25, 179, 182));
      height: 2.43rem;
      width: 100%;
      padding: 0.3rem 0.2rem;
      color: #fff;
    }

    input[type="text"] {
      margin: 0;
      width: 100%;
      height: 85%;
      padding: 0;
      line-height: 1rem;
    }

    .mui-btn-blue,
    .mui-btn-primary,
    input[type="submit"] {
      background-color: rgb(25, 179, 182);
      color: #fff;
      border: 1px solid rgb(25, 179, 182);
      border-radius: 4px;
      margin-right: 10px;
    }

    .left {
      text-align: center;
      line-height: 1rem;
    }

    .left a {
      line-height: 0.5rem;
      color: #fff;
    }

    .left .left1 {
      position: absolute;
      left: 0.3rem;
      top: 0.35rem;
    }

    .left :nth-child(1) span {
      line-height: 2rem;
      color: #fff;
    }

    .left :nth-child(2) span {
      line-height: 2rem;
      color: #fff;
    }

    .file-input {
      opacity: 0;
      height: 100%;
      width: 100%;
      z-index: 1;
      position: absolute;
      left: 0;
      top: 0;
    }

    .trainTickets {
      height: 100%;
    }

    .top {
      height: 10rem;
      width: 100%;
      box-sizing: border-box;
      font-size: 0.4rem;
      /* border: 3px dashed rgb(25, 179, 182); */
      position: relative;
      border-radius: 10px;
      padding: 0.3rem;
      margin-bottom: 0.3rem;
      position: relative;
      margin-top: 1rem;
      background: #fff;
      /* width: 80%;
            height: 80%; */
    }

    /* .bgcImg {
        width: 60%;
        height: 3rem;
        margin: 0 auto;
        background: url("../image/printTop.png") center;
        background-size: 100% 100%;
        margin-top: 2.5rem;
        margin-bottom: 3.3rem;
      } */

    .frontandback {
      /* position: absolute;
            left: 50%;
            top: 50%;
            transform: translate(-50%, -50%); */
      font-size: 0.35rem;
      padding: 0.1rem 0.2rem;
      /* border-radius: 6%;
            background: rgb(179, 179, 179);
            opacity: 0.8;
            color: #fff;
            border-radius: 10px; */
    }

    .head {
      position: fixed;
      background-color: #fff;
      margin: 0.32rem auto;
      width: 7.04rem;
      color: #333;
    }

    .head .title {
      display: flex;
      justify-content: flex-start;
      height: 0.84rem;
    }

    .head .title h4 {
      position: absolute;
      left: 0.74rem;
      top: 0.2rem;
      font-size: 0.32rem;
      width: 6.2rem;
      /* height: .84rem; */
      text-align: left;
      /* line-height: .84rem; */
      /* border-bottom:1px dashed rgb(25, 179, 182); */
    }

    .head .line {
      position: absolute;
      width: 6.3rem;
      top: 0.72rem;
      left: 0.36rem;
      border-bottom: 1px dashed rgb(25, 179, 182);
    }

    /* 中间 */
    .list {
      width: 7.04rem;
      margin: 0 auto;
      background-color: #fff;
      height: calc(100% - 3.8rem - env(safe-area-inset-bottom));
      overflow-y: scroll;
    }

    .productsDescription {
      background-color: #fff;
      text-align: center;
      /* -webkit-box-shadow:0 0 0.2rem rgba(208, 240, 240, 0.5);
          -moz-box-shadow:0 0 0.2rem rgba(208, 240, 240, 0.5);
          box-shadow:0 0 0.2rem rgba(208, 240, 240, 0.5); */
      padding: 0.1rem
        /* 10/100 */
      ;
    }

    .productsDescription .title {
      display: flex;
      justify-content: flex-start;
      height: 0.84rem;
      /* position: relative; */
      /* height: 1rem; */
    }

    .productsDescription .title h4 {
      position: absolute;
      left: 0.74rem;
      top: 0.2rem;
      font-size: 0.32rem;
      width: 6.2rem;
      /* height: .84rem; */
      text-align: left;
      /* line-height: .84rem; */
      /* border-bottom:1px dashed rgb(25, 179, 182); */
    }

    .bar {
      position: absolute;
      width: 0.06rem
        /* 1/100 */
      ;
      left: 0.36rem;
      top: 0.2rem;
      height: 0.3rem
        /* 1/100 */
      ;
      background: #0e7677;
      border-radius: 3px;
    }

    .leftCircle {
      width: 0.15rem;
      height: 0.2rem;
      background-color: rgb(13, 121, 131);
      border-top-right-radius: 0.1rem;
      border-bottom-right-radius: 0.1rem;
      position: absolute;
      /* top: 1.8rem;
        left: 0.35rem; */
      top: 0.6rem;
      left: -0.01rem;
    }

    .rightCircle {
      width: 0.15rem;
      height: 0.2rem;
      background-color: rgb(25, 179, 182);
      border-top-left-radius: 0.1rem;
      border-bottom-left-radius: 0.1rem;
      position: absolute;
      top: 0.6rem;
      right: -0.01rem;
    }

    .productsDescription .line {
      position: absolute;
      width: 6.3rem;
      top: 0.72rem;
      left: 0.36rem;
      border-bottom: 1px dashed rgb(25, 179, 182);
    }

    .description {
      background-color: #fff;
      padding: 0.1rem;
    }

    .description li {
      width: 100%;
      height: 0.85rem;
      display: flex;
      text-align: left;
      /* padding-top: 0.15rem; */
      justify-content: flex-start;
      align-content: flex-start;
      /* flex-wrap:wrap; */
    }

    .description li p {
      font-size: 0.3rem;
      line-height: 0.9rem;
      width: 35%;
    }

    .productsDescription .description li span {
      width: 65%;
      /* line-height: 1rem; */
      padding-bottom: 0.06rem;
      border-bottom: 0.01rem dashed #aeaeb3;
    }

    .productData {
      margin-top: 0.2rem;
      /* width: 7.04rem;
        height: 3.56rem; */
      /* position: relative; */
      background-color: #fff;
    }

    .productData .dot {
      /* position: absolute; */
      width: 0.12rem;
      height: 0.12rem;
      background: #0e7677;
      border-radius: 50%;
      line-height: 0.25rem;
      margin-top: 0.14rem;
    }

    .productData .description p {
      /* position: absolute; */
      font-size: 0.32rem;
      font-weight: 600;
      color: #1e3754;
      line-height: 0.45rem;
      margin: 0 auto;
    }

    .productData .description p:nth-child(3) {
      /* position: absolute; */
      width: 6.3rem;
      height: 0.01rem;
      border: 0.01rem solid #d3e3fe;
    }

    .gas {
      /* position: absolute; */
      margin: 0 auto;
      width: 6.3rem;
    }

    .gas div {
      display: flex;
      justify-content: flex-start;
      width: 100%;
      height: 0.73rem;
    }

    .gas div:nth-child(1) {
      border: 0.01rem solid #ecf3ff;
    }

    .gas div p {
      font-size: 0.24rem;
      color: #8a9dbe;
      line-height: 0.73rem;
    }

    .gas div p:nth-child(1) {
      margin-left: 0.39rem;
      width: 25%;
    }

    .gas div p:nth-child(2) {
      text-align: center;
      width: 75%;
      display: flex;
      justify-content: space-around;
    }

    .gas .careful {
      background-color: #f7faff;
    }

    .four {
      padding-bottom: 0.2rem;
      border-bottom: 0.01rem dashed #aeaeb3;
    }

    .productComparison {
      margin-top: 0.2rem;
      padding-bottom: 0.6rem;
    }

    .productComparison .description li span {
      width: 65%;
      line-height: 0.9rem;
      padding-bottom: 0.06rem;
      border-bottom: 0.01rem dashed #aeaeb3;
    }

    .form {
      padding: 0.2rem;
      line-height: 0.5rem;
      /* background: #fff; */
      margin: 0.2rem 0.2rem 0.2rem;
    }

    /* 底部 */
    .foot {
      position: fixed;
      justify-content: space-around;
      bottom: 0;
      left: 0;
      background-color: #fff;
      width: 100%;
      border-top-left-radius: 5px;
      border-top-right-radius: 5px;
      padding: 0.15rem 0.4rem;
      display: flex;
    }

    .foot button {
      width: 2.1rem;
      height: 0.96rem;
      box-shadow: 0px 8px 8px 0px rgba(4, 124, 137, 0.05);
      border-radius: 4px;
    }

    .foot .edit {
      background: #ffffff;
      border: 2px solid #0e7677;
      font-weight: 600;
      color: #0e7677;
    }

    .foot .sendOut {
      background: #0e7677;
      font-weight: 600;
      color: #ffffff;
    }

    #mod {
      display: flex;
      justify-content: space-around;
      flex-wrap: nowrap;
      width: 80%;
      text-align: center;
    }

    /* .line1 {
        position: absolute;
        top: 0;
        left: 0px;
        width: 100%;
        height: 100%;
        z-index: 111;
      }

      .lineFlag1 {
        display: none;
        width: 100%;
        -webkit-animation: bounce-down1 2s linear infinite;
        animation: bounce-down1 2s linear infinite;
      } */

    @-webkit-keyframes bounce-down1 {
      25% {
        -webkit-transform: translateY(1.5rem);
      }

      50% {
        -webkit-transform: translateY(4rem);
      }

      100% {
        -webkit-transform: translateY(7.5rem);
      }
    }

    @keyframes bounce-down1 {
      25% {
        transform: translateY(7.5rem);
      }

      50% {
        transform: translateY(4rem);
      }

      100% {
        transform: translateY(0);
      }
    }

    /* .line {
        position: absolute;
        top: 0.3rem;
        left: 0px;
        width: 100%;
        height: 9.2rem;
        z-index: 111;
      }

      .lineFlag {
        display: none;
        width: 100%;
        -webkit-animation: bounce-down 2s linear infinite;
        animation: bounce-down 2s linear infinite;
      } */

    @-webkit-keyframes bounce-down {
      25% {
        -webkit-transform: translateY(0.15rem);
      }

      50% {
        -webkit-transform: translateY(4.55rem);
      }

      100% {
        -webkit-transform: translateY(9.2rem);
      }
    }

    @keyframes bounce-down {
      25% {
        transform: translateY(9.2rem);
      }

      50% {
        transform: translateY(4.55rem);
      }

      100% {
        transform: translateY(0.15rem);
      }
    }

    .mui-toast-container {
      top: 50%;
    }

    .form .title1 {
      font-size: 0.35rem;
      font-weight: 600;
      color: #333;
      margin-bottom: 0.2rem;
    }

    .title .titleline {
      /* height: 0.3rem; */
      /* border: 2px solid rgb(25, 179, 182); */
      /* margin-right: 0.2rem;
            margin-top: 0.07rem; */
    }

    .clipboardContent {
      background-color: rgb(251, 247, 247);
      padding: 0.4rem;
      position: relative;
      height: calc(100vh - 3.5rem);
    }

    .clipboardContent img {
      width: 0.3rem;
    }

    .content1 {
      overflow: scroll;
      height: 100%;
      padding: 0.1rem 0.2rem;
      word-wrap: break-word;
    }

    .frontandback .bottom2 {
      position: absolute;
      bottom: 0;
      right: 0;
      margin-right: 0.2rem;
      margin-bottom: 0.2rem;
      width: 0.3rem;
    }

    .frontandback .left2 {
      position: absolute;
      top: 0;
      right: 0;
      margin-right: 0.2rem;
      margin-top: 0.2rem;
      width: 0.3rem;
    }

    .frontandback .left1 {
      position: absolute;
      top: 0;
      left: 0;
      margin-left: 0.2rem;
      margin-top: 0.2rem;
      width: 0.3rem;
    }

    .frontandback .bottom1 {
      position: absolute;
      bottom: 0;
      left: 0;
      width: 0.3rem;
      margin-left: 0.2rem;
      margin-bottom: 0.2rem;
    }

    .topImg .bottom2 {
      position: absolute;
      top: 0;
      left: 0;
      margin-left: 0.2rem;
      padding-top: 0.2rem;
      width: 0.3rem;
    }

    .bottomImg .left2 {
      position: absolute;
      bottom: 0;
      left: 0;
      margin-left: 0.2rem;
      width: 0.3rem;
      padding-bottom: 0.2rem;
    }

    .bottomImg .left1 {
      position: absolute;
      bottom: 0;
      right: 0;
      margin-right: 0.2rem;
      width: 0.3rem;
      padding-bottom: 0.2rem;
    }

    .topImg .bottom1 {
      position: absolute;
      right: 0;
      top: 0;
      width: 0.3rem;
      margin-right: 0.2rem;
      padding-top: 0.2rem;
    }

    .home {
      font-family: Muiicons;
      font-size: 0.5rem;
      font-weight: 400;
      font-style: normal;
      line-height: 1;
      display: inline-block;
      text-decoration: none;
      -webkit-font-smoothing: antialiased;
    }

    .home:before {
      content: "\e471";
    }

    /* 弹出框 */
    .btn-pop {
      background-color: #ffd475;
      border-radius: 0.1rem;
      zoom: 200%;
    }

    #background-pop {
      display: none;
      position: fixed;
      text-align: center;
      line-height: 0.8rem;
      left: 0;
      top: 0;
      width: 100%;
      height: 100%;
      background-color: rgba(0, 0, 0, 0.5);
    }

    #div-pop {
      background: #ffffff;
      width: 70%;
      z-index: 1;
      margin: 45% auto;
      overflow: auto;
    }

    .div-top {
      width: 100%;
      height: auto;
      background-color: rgb(25, 179, 182);
      color: #ffffff;
      display: flex;
      justify-content: space-between;
    }

    .div-top div {
      padding: 3px 5px 5px 8px;
    }

    .div-top div span {
      color: white;
      margin-bottom: 10px;
      margin-left: 20px;
      cursor: pointer;
      float: right;
    }

    .div-content {
      width: auto;
      height: 200px;
      overflow: auto;
    }

    .div-footer {
      text-align: center;
      background-color: #f7faff;
    }

    .div-footer button {
      background-color: rgb(25, 179, 182);
      color: #fff;
    }
  </style>
</head>

<body>
  <div id="app">
    <!-- 提示信息 -->
    <div class="is-loading">
      <div class="curtain">
        <div class="loadingBgc">
          <div class="loader"></div>
          <p class="loadingF">正在识别</p>
        </div>
      </div>
    </div>
    <div class="trainTickets">
      <!-- 头部 -->
      <div class="trainTicketstitle">
        <div class="arrow clearfix">
          <div class="left">
            <span class="left1" @click="zhuce">
              <a class="home"></a>
              <!-- <span>返回&gt;</span> -->
            </span>
            <!-- <van-icon name="arrow-left" /> -->
            <span style="font-weight: 600">识别结果</span>
          </div>
        </div>
        <div class="head">
          <div class="title">
            <div class="bar"></div>
            <h4>绝缘油例行试验报告</h4>
          </div>
          <div class="leftCircle"></div>
          <div class="rightCircle"></div>
          <div class="line"></div>
        </div>
      </div>
      <!-- 中间 -->
      <div class="list">
        <div class="productsDescription">
          <ul class="description">
            <li>
              <p>取样地点</p>
              <span><input type="text" v-model="signRule['取样地点']" :style='{"color":colors["取样地点"]}'
                  style="border-style: none" readonly="readonly" /></span>
            </li>
            <li>
              <p>取样日期</p>
              <span><input type="text" v-model.trim="signRule['取样日期']" :style='{"color":colors["取样日期"]}'
                  style="border-style: none" readonly="readonly" /></span>
            </li>
            <li>
              <p>分析日期</p>
              <span><input type="text" v-model.trim="signRule['分析日期']" :style='{"color":colors["分析日期"]}'
                  style="border-style: none" readonly="readonly" /></span>
            </li>
            <li>
              <p>设备名称</p>
              <span><input type="text" v-model="signRule['设备名称']" :style='{"color":colors["设备名称"]}'
                  style="border-style: none" readonly="readonly" /></span>
            </li>
            <li>
              <p>设备编号</p>
              <span><input type="text" v-model="signRule['设备编号']" :style='{"color":colors["设备编号"]}'
                  style="border-style: none" readonly="readonly" /></span>
            </li>
            <li>
              <p>电压等级(kV)</p>
              <span><input type="text" v-model="signRule['电压等级']" :style='{"color":colors["电压等级"]}'
                  style="border-style: none" readonly="readonly" /></span>
            </li>
            <li v-show="dianya" style="
                  width: 100%;
                  height: 0.2rem;
                  display: inline-block;
                  text-align: center;
                  color: #aeaeb3;
                ">
              只可为330kV、220kV、110kV、35kV、10kV、6kV
            </li>
          </ul>
        </div>
        <div class="productData">
          <div class="description">
            <div style="display: flex">
              <div class="dot"></div>
              <p>外观</p>
            </div>
            <p></p>
          </div>
          <div class="gas">
            <div class="careful">
              <p>标准</p>
              <p>试验结果</p>
            </div>
            <div class="careful">
              <p></p>
              <p>
                <span>A</span>
                <span>B</span>
                <span>C</span>
                <span>O</span>
              </p>
            </div>
            <div>
              <p>
                <span><input type="text" style="
                        border-style: none;
                        width: 100%;
                        font-size: 0.26rem;
                      " readonly="readonly" value="/" /></span>
              </p>
              <p>
                <span><input type="text" v-model="signRule['外观A']" :style='{"color":colors["外观A"]}' style="
                        border-style: none;
                        width: 100%;
                        text-align: center;
                        font-size: 0.26rem;
                      " readonly="readonly" value="123" /></span>
                <span><input type="text" v-model="signRule['外观B']" :style='{"color":colors["外观B"]}' style="
                        border-style: none;
                        width: 100%;
                        text-align: center;
                        font-size: 0.26rem;
                      " readonly="readonly" value="123" /></span>
                <span><input type="text" v-model="signRule['外观C']" :style='{"color":colors["外观C"]}' style="
                        border-style: none;
                        width: 100%;
                        text-align: center;
                        font-size: 0.26rem;
                      " readonly="readonly" value="123" /></span>
                <span><input type="text" v-model="signRule['外观O']" :style='{"color":colors["外观O"]}' style="
                        border-style: none;
                        width: 100%;
                        text-align: center;
                        font-size: 0.26rem;
                      " readonly="readonly" value="123" /></span>
              </p>
            </div>
          </div>
        </div>
        <div class="productData">
          <div class="description">
            <div style="display: flex">
              <div class="dot"></div>
              <p>击穿电压&nbsp(kV)</p>
            </div>
            <p></p>
          </div>
          <div class="gas">
            <div class="careful">
              <p>标准</p>
              <p>试验结果</p>
            </div>
            <div class="careful">
              <p></p>
              <p>
                <span>A</span>
                <span>B</span>
                <span>C</span>
                <span>O</span>
              </p>
            </div>
            <div>
              <p>
                <span><input type="text" style="
                        border-style: none;
                        width: 100%;
                        font-size: 0.26rem;
                      " readonly="readonly" value="/" /></span>
              </p>
              <p>
                <span><input type="text" v-model="signRule['击穿电压A']" :style='{"color":colors["击穿电压A"]}' style="
                        border-style: none;
                        width: 100%;
                        text-align: center;
                        font-size: 0.26rem;
                      " readonly="readonly" value="123" /></span>
                <span><input type="text" v-model="signRule['击穿电压B']" :style='{"color":colors["击穿电压B"]}' style="
                        border-style: none;
                        width: 100%;
                        text-align: center;
                        font-size: 0.26rem;
                      " readonly="readonly" value="123" /></span>
                <span><input type="text" v-model="signRule['击穿电压C']" :style='{"color":colors["击穿电压C"]}' style="
                        border-style: none;
                        width: 100%;
                        text-align: center;
                        font-size: 0.26rem;
                      " readonly="readonly" value="123" /></span>
                <span><input type="text" v-model="signRule['击穿电压O']" :style='{"color":colors["击穿电压O"]}' style="
                        border-style: none;
                        width: 100%;
                        text-align: center;
                        font-size: 0.26rem;
                      " readonly="readonly" value="123" /></span>
              </p>
            </div>
          </div>
        </div>
        <div v-show="breakdown" style="
              width: 100%;
              height: 0.2rem;
              display: inline-block;
              text-align: center;
              color: #aeaeb3;
            ">
          只可保留一位小数
        </div>
        <div class="productData">
          <div class="description">
            <div style="display: flex">
              <div class="dot"></div>
              <p>水分&nbsp(mg/L)</p>
            </div>
            <p></p>
          </div>
          <div class="gas">
            <div class="careful">
              <p>标准</p>
              <p>含量(μl/L)</p>
            </div>
            <div class="careful">
              <p></p>
              <p>
                <span>A</span>
                <span>B</span>
                <span>C</span>
                <span>O</span>
              </p>
            </div>
            <div>
              <p>
                <span><input type="text" style="
                        border-style: none;
                        width: 100%;
                        font-size: 0.26rem;
                      " readonly="readonly" value="/" /></span>
              </p>
              <p>
                <span><input type="text" v-model="signRule['水分A']" :style='{"color":colors["水分A"]}' style="
                        border-style: none;
                        width: 100%;
                        text-align: center;
                        font-size: 0.26rem;
                      " readonly="readonly" value="123" /></span>
                <span><input type="text" v-model="signRule['水分B']" :style='{"color":colors["水分B"]}' style="
                        border-style: none;
                        width: 100%;
                        text-align: center;
                        font-size: 0.26rem;
                      " readonly="readonly" value="123" /></span>
                <span><input type="text" v-model="signRule['水分C']" :style='{"color":colors["水分C"]}' style="
                        border-style: none;
                        width: 100%;
                        text-align: center;
                        font-size: 0.26rem;
                      " readonly="readonly" value="123" /></span>
                <span><input type="text" v-model="signRule['水分O']" :style='{"color":colors["水分O"]}' style="
                        border-style: none;
                        width: 100%;
                        text-align: center;
                        font-size: 0.26rem;
                      " readonly="readonly" value="123" /></span>
              </p>
            </div>
          </div>
        </div>
        <div v-show="waterContent" style="
              width: 100%;
              height: 0.2rem;
              display: inline-block;
              text-align: center;
              color: #aeaeb3;
            ">
          只可保留一位小数
        </div>
        <div class="productData">
          <div class="description">
            <div style="display: flex">
              <div class="dot"></div>
              <p>介质损耗因数&nbsp(%)</p>
            </div>
            <p></p>
          </div>
          <div class="gas">
            <div class="careful">
              <p>标准</p>
              <p>试验结果</p>
            </div>
            <div class="careful">
              <p></p>
              <p>
                <span>A</span>
                <span>B</span>
                <span>C</span>
                <span>O</span>
              </p>
            </div>
            <div>
              <p>
                <span><input type="text" style="
                        border-style: none;
                        width: 100%;
                        font-size: 0.26rem;
                      " readonly="readonly" value="/" /></span>
              </p>
              <p>
                <span><input type="text" oninput="value=value.replace(/[^\d]/g,'')" v-model="signRule['介质损耗因数A']"
                    :style='{"color":colors["介质损耗因数A"]}' style="
                        border-style: none;
                        width: 100%;
                        text-align: center;
                        font-size: 0.26rem;
                      " readonly="readonly" value="123" /></span>
                <span><input type="text" v-model="signRule['介质损耗因数B']" :style='{"color":colors["介质损耗因数B"]}' style="
                        border-style: none;
                        width: 100%;
                        text-align: center;
                        font-size: 0.26rem;
                      " readonly="readonly" value="123" /></span>
                <span><input type="text" v-model="signRule['介质损耗因数C']" :style='{"color":colors["介质损耗因数C"]}' style="
                        border-style: none;
                        width: 100%;
                        text-align: center;
                        font-size: 0.26rem;
                      " readonly="readonly" value="123" /></span>
                <span><input type="text" v-model="signRule['介质损耗因数O']" :style='{"color":colors["介质损耗因数O"]}' style="
                        border-style: none;
                        width: 100%;
                        text-align: center;
                        font-size: 0.26rem;
                      " readonly="readonly" value="123" /></span>
              </p>
            </div>
          </div>
        </div>
        <!-- <div v-show="loss" style="
              width: 100%;
              height: 0.2rem;
              display: inline-block;
              text-align: center;
              color: #aeaeb3;
            ">
          只可保留三位小数
        </div> -->
        <div class="productData">
          <div class="description">
            <div style="display: flex">
              <div class="dot"></div>
              <p>酸值&nbsp(mgKOH/g)</p>
            </div>
            <p></p>
          </div>
          <div class="gas">
            <div class="careful">
              <p>注意值</p>
              <p>试验结果</p>
            </div>
            <div class="careful">
              <p></p>
              <p>
                <span>A</span>
                <span>B</span>
                <span>C</span>
                <span>O</span>
              </p>
            </div>
            <div>
              <p>
                <span><input type="text" style="
                        border-style: none;
                        width: 100%;
                        font-size: 0.26rem;
                      " readonly="readonly" value="/" /></span>
              </p>
              <p>
                <span><input type="text" oninput="value=value.replace(/[^\d]/g,'')" v-model="signRule['酸值A']"
                    :style='{"color":colors["酸值A"]}' style="
                        border-style: none;
                        width: 100%;
                        text-align: center;
                        font-size: 0.26rem;
                      " readonly="readonly" value="123" /></span>
                <span><input type="text" oninput="value=value.replace(/[^\d]/g,'')" v-model="signRule['酸值B']"
                    :style='{"color":colors["酸值B"]}' style="
                        border-style: none;
                        width: 100%;
                        text-align: center;
                        font-size: 0.26rem;
                      " readonly="readonly" value="123" /></span>
                <span><input type="text" oninput="value=value.replace(/[^\d]/g,'')" v-model="signRule['酸值C']"
                    :style='{"color":colors["酸值C"]}' style="
                        border-style: none;
                        width: 100%;
                        text-align: center;
                        font-size: 0.26rem;
                      " readonly="readonly" value="123" /></span>
                <span><input type="text" oninput="value=value.replace(/[^\d]/g,'')" v-model="signRule['酸值O']"
                    :style='{"color":colors["酸值O"]}' style="
                        border-style: none;
                        width: 100%;
                        text-align: center;
                        font-size: 0.26rem;
                      " readonly="readonly" value="123" /></span>
              </p>
            </div>
          </div>
        </div>
        <!-- <div v-show="acid" style="
              width: 100%;
              height: 0.2rem;
              display: inline-block;
              text-align: center;
              color: #aeaeb3;
            ">
          只可保留一位小数
        </div> -->
        <div class="productComparison">
          <ul class="description">
            <li>
              <p>标准及规程</p>
              <span><input type="text" v-model="signRule['标准及规程']" :style='{"color":colors["标准及规程"]}' id="test"
                  style="border-style: none; width: 100%" readonly="readonly" value="123" /></span>
            </li>
            <li>
              <p>结论</p>
              <span><input type="text" v-model="signRule['结论']" :style='{"color":colors["结论"]}' id="test"
                  style="border-style: none; width: 100%" readonly="readonly" value="123" /></span>
            </li>
            <li v-show="jieLun" style="
                  width: 100%;
                  height: 0.2rem;
                  display: inline-block;
                  text-align: center;
                  color: #aeaeb3;
                ">
              选填正常或着合格
            </li>
            <li>
              <p>取样人</p>
              <span><input type="text" v-model="signRule['取样人']" :style='{"color":colors["取样人"]}' id="test"
                  style="border-style: none; width: 100%" readonly="readonly" value="123" /></span>
            </li>
            <li>
              <p>试验人</p>
              <span><input type="text" v-model="signRule['试验人']" :style='{"color":colors["试验人"]}' id="test"
                  style="border-style: none; width: 100%" readonly="readonly" value="123" /></span>
            </li>
            <li>
              <p>审核</p>
              <span><input type="text" v-model="signRule['审核']" :style='{"color":colors["审核"]}' id="test"
                  style="border-style: none; width: 100%" readonly="readonly" value="123" /></span>
            </li>
          </ul>
        </div>
      </div>
    </div>
    <!-- 底部 -->
    <div class="foot" v-show="display">
      <button id="openFile" class="mui-btn mui-btn-primary tag-read" @click="toWrite" type="button">
        编辑文本
      </button>
      <button id="openFile" class="mui-btn mui-btn-primary" @click="mailbox" type="button">
        发送邮箱
      </button>
    </div>
    <div class="foot" v-show="displays">
      <button id="openFile" class="mui-btn mui-btn-primary tag-read" @click="Sure(signRule)" type="button">
        确定
      </button>
      <button id="openFile" class="mui-btn mui-btn-primary" @click="Cancel" type="button">
        取消
      </button>
    </div>
  </div>
  <script>
    new Vue({
      el: "#app",

      data() {
        return {
          clipboard: sessionStorage.getItem("clipboard"),
          // addedPreviewFile: "", //上传图片的base64
          // timestamp: "", //时间戳
          // accesstoken: "", //token
          display: "black",
          displays: "",
          fileName: localStorage.getItem("fileName"),
          tAttachmentId: sessionStorage.getItem("tAttachmentId"),
          signRule: {
            // "取样地点":"123",
            // "取样日期":"",
            // "分析日期":"",
            // "设备名称":"",
            // "设备编号":"",
            // "电压等级":"",
            // "击穿电压":"",
            // "水分":"",
            // "介质损耗因数":[],
            // "酸值":[],
            // "标准及规程":"",
            // "结论":"",
            // "取样人":[],
            // "试验人":[],
          },
          // 电压
          dianya: "",
          // 结论
          jieLun: "",
          // 击穿电压
          breakdown: "",
          // 水分
          waterContent: "",
          // 介质损耗
          loss: "",
          // 酸值
          acid: "",
          // 弹出框
          addData: {},
          // 颜色
          colors: "",
          jichuanA: "",
          jichuanB: "",
          jichuanC: "",
          jichuanO: "",
          waterA: "",
          waterB: "",
          waterC: "",
          waterO: "",
          jiezhiA: "",
          jiezhiB: "",
          jiezhiC: "",
          jiezhiO: "",
          suanA: "",
          suanB: "",
          suanC: "",
          suanO: "",
        };
      },
      created() {
        this.compatibleInput();
        this.getNotification();
      },
      methods: {
        compatibleInput() {
          var signRule = JSON.parse(localStorage.getItem("clipboard"));
          console.log(signRule, 1536);
          (signRule["timestamp"] = new Date().getTime() + ""),
            (this.signRule = signRule);
          this.colors = JSON.parse(localStorage.getItem("color"));
          console.log(this.signRule["水分A"] == "", 1540);
          this.signRule["外观A"] =
            this.signRule["外观A"] == "" ? "/" : this.signRule["外观A"];
          this.signRule["外观B"] =
            this.signRule["外观B"] == "" ? "/" : this.signRule["外观B"];
          this.signRule["外观C"] =
            this.signRule["外观C"] == "" ? "/" : this.signRule["外观C"];
          this.signRule["外观O"] =
            this.signRule["外观O"] == "" ? "/" : this.signRule["外观O"];
          this.signRule["击穿电压A"] =
            this.signRule["击穿电压A"] == ""
              ? "/"
              : this.signRule["击穿电压A"];
          this.signRule["击穿电压B"] =
            this.signRule["击穿电压B"] == ""
              ? "/"
              : this.signRule["击穿电压B"];
          this.signRule["击穿电压C"] =
            this.signRule["击穿电压C"] == ""
              ? "/"
              : this.signRule["击穿电压C"];
          this.signRule["击穿电压O"] =
            this.signRule["击穿电压O"] == ""
              ? "/"
              : this.signRule["击穿电压O"];
          this.signRule["水分A"] =
            this.signRule["水分A"] == "" ? "/" : this.signRule["水分A"];
          this.signRule["水分B"] =
            this.signRule["水分B"] == "" ? "/" : this.signRule["水分B"];
          this.signRule["水分C"] =
            this.signRule["水分C"] == "" ? "/" : this.signRule["水分C"];
          this.signRule["水分O"] =
            this.signRule["水分O"] == "" ? "/" : this.signRule["水分O"];
          this.signRule["介质损耗因数A"] =
            this.signRule["介质损耗因数A"] == ""
              ? "/"
              : this.signRule["介质损耗因数A"];
          this.signRule["介质损耗因数B"] =
            this.signRule["介质损耗因数B"] == ""
              ? "/"
              : this.signRule["介质损耗因数B"];
          this.signRule["介质损耗因数C"] =
            this.signRule["介质损耗因数C"] == ""
              ? "/"
              : this.signRule["介质损耗因数C"];
          this.signRule["介质损耗因数O"] =
            this.signRule["介质损耗因数O"] == ""
              ? "/"
              : this.signRule["介质损耗因数O"];
          this.signRule["酸值A"] =
            this.signRule["酸值A"] == "" ? "/" : this.signRule["酸值A"];
          this.signRule["酸值B"] =
            this.signRule["酸值B"] == "" ? "/" : this.signRule["酸值B"];
          this.signRule["酸值C"] =
            this.signRule["酸值C"] == "" ? "/" : this.signRule["酸值C"];
          this.signRule["酸值O"] =
            this.signRule["酸值O"] == "" ? "/" : this.signRule["酸值O"];
        },
        getNotification() {
          if (localStorage.getItem("notification") == "003") {
            console.log(1234);
            var btnArray = ["取消", "确定"];
            mui.confirm(
              "此数据为上次未保存数据，是否继续使用？",
              "消息提醒",
              btnArray,
              (e) => {
                if (e.index == 0) {
                  localStorage.clear();
                  $(location).attr("href", "WorkTicket.html");
                }
              }
            );
          }
        },
        // 发送邮箱
        mailbox() {
          let dateFormTime =
            /((\d{3}[1-9]|\d{2}[1-9]\d|\d[1-9]\d{2}|[1-9]\d{3})(((0[13578]|1[02])(0[1-9]|[12]\d|3[01]))|((0[469]|11)(0[1-9]|[12]\d|30))|(02(0[1-9]|[1]\d|2[0-8]))))|(((\d{2})(0[48]|[2468][048]|[13579][26])|((0[48]|[2468][048]|[3579][26])00))0229)/;
          let times =
            /^(\d{4})[- /.]([1-9]|0[1-9]|1[012])[- /.]([1-9]|0[1-9]|[12][0-9]|3[01])$/;
          if (this.signRule["取样日期"] || this.signRule["分析日期"]) {
            if (
              times.test(this.signRule["取样日期"]) &&
              !dateFormTime.test(this.signRule["取样日期"])
            ) {
              if (
                times.test(this.signRule["分析日期"]) &&
                !dateFormTime.test(this.signRule["分析日期"])
              ) {
                this.boxReturn();
              } else if (
                !times.test(this.signRule["分析日期"]) &&
                dateFormTime.test(this.signRule["分析日期"])
              ) {
                this.boxReturn();
              } else {
                mui.toast("分析日期格式有误");
              }
              // this.boxReturn()
            } else if (
              !times.test(this.signRule["取样日期"]) &&
              dateFormTime.test(this.signRule["取样日期"])
            ) {
              if (
                times.test(this.signRule["分析日期"]) &&
                !dateFormTime.test(this.signRule["分析日期"])
              ) {
                this.boxReturn();
              } else if (
                !times.test(this.signRule["分析日期"]) &&
                dateFormTime.test(this.signRule["分析日期"])
              ) {
                this.boxReturn();
              } else {
                mui.toast("分析日期格式有误");
              }
              // this.boxReturn()
            } else {
              mui.toast("取样日期格式有误");
            }
          } else {
            this.boxReturn();
          }
        },
        //发送邮箱
        boxReturn() {
          let userId = sessionStorage.getItem("userId");
          let orgId = sessionStorage.getItem("unitId");
          $(".loader").css("display", "block");
          $(".curtain").css("display", "block");
          let data = {
            messageTitle: "试验报告", //场景名称(身份证识别、增值税识别、火车票识别、手写文字识别、打印文字识别、pdf转word）
            sceneNo: "81",
            fileName: this.fileName, //文本名称
            tAttachmentId: this.tAttachmentId,
            fileExt: "jpg", //文本后缀名称
            message: this.signRule, //识别后内容
            orgId: "1", //单位id
            userId: userId, //用户id
            userName: userName, //用户名称
            toMail: toMail, //发送给谁 453707600@qq.com  15146764979@163.com
            timestamp: new Date().getTime() + "",
            temp: this.signRule,
            reportCode: "003",
          };

          let mailboxReturn = mailbox(
            data.messageTitle,
            data.sceneNo,
            data.fileName,
            data.fileExt,
            data.message,
            data.orgId,
            data.userId,
            data.userName,
            data.toMail,
            data.timestamp,
            data.temp,
            data.reportCode
          );
          $(".loader").css("display", "none");
          $(".curtain").css("display", "none");
          if (mailboxReturn == 200) {
            addOperator(2, 10, "发送邮箱", 1, 1, "发送邮箱成功");
            // 清空local storage
            localStorage.clear();
            $(location).attr("href", "Home.html");
          } else {
            addOperator(2, 10, "发送邮箱", 1, 0, "发送邮箱失败");
          }
        },
        // 编写
        toWrite() {
          this.display = "";
          this.displays = "block";
          var txtN = document.getElementsByTagName("input");
          for (i = 0; i < txtN.length; i++) {
            if ((txtN[i].type = "text")) {
              txtN[i].readOnly = false;
            }
          }
          // 为了取消按钮
          localStorage.setItem("obj", JSON.stringify(this.signRule));
        },
        // 确定
        Sure() {
          // this.display = 'block'
          // this.displays = ''
          var txtN = document.getElementsByTagName("input");
          // 控制电压
          const f = this.signRule["电压等级"].replace(/[^0-9]/gi, "");
          if (
            f == 6 ||
            f == 10 ||
            f == 35 ||
            f == 110 ||
            f == 220 ||
            f == 330
          ) {
            for (i = 0; i < txtN.length; i++) {
              if ((txtN[i].type = "text")) {
                txtN[i].readOnly = true;
              }
            }
            this.display = "block";
            this.displays = "";
            this.dianya = "";
            // 控制结论
            if (
              this.signRule["结论"] == "合格" ||
              this.signRule["结论"] == "正常"
            ) {
              for (i = 0; i < txtN.length; i++) {
                if ((txtN[i].type = "text")) {
                  txtN[i].readOnly = true;
                }
              }
              this.display = "block";
              this.displays = "";
              this.jieLun = "";
              // 击穿电压
              if (
                this.signRule["击穿电压A"] != "/" &&
                this.signRule["击穿电压A"].split(".").length - 1 == "1"
              ) {
                let jichA = this.signRule["击穿电压A"].toString().split(".");
                this.jichuanA = jichA[1].length;
              } else if (
                this.signRule["击穿电压A"] == "/" ||
                this.signRule["击穿电压A"] == ""
              ) {
                this.jichuanA = 2;
              } else {
                this.jichuanA = 3;
              }
              if (
                this.signRule["击穿电压B"] != "/" &&
                this.signRule["击穿电压B"].split(".").length - 1 == "1"
              ) {
                let jichB = this.signRule["击穿电压B"].toString().split(".");
                this.jichuanB = jichB[1].length;
              } else if (
                this.signRule["击穿电压B"] == "/" ||
                this.signRule["击穿电压B"] == ""
              ) {
                this.jichuanB = 2;
              } else {
                this.jichuanB = 3;
              }
              if (
                this.signRule["击穿电压C"] != "/" &&
                this.signRule["击穿电压C"].split(".").length - 1 == "1"
              ) {
                let jichC = this.signRule["击穿电压C"].toString().split(".");
                this.jichuanC = jichC[1].length;
              } else if (
                this.signRule["击穿电压C"] == "/" ||
                this.signRule["击穿电压C"] == ""
              ) {
                this.jichuanC = 2;
              } else {
                this.jichuanC = 3;
              }
              if (
                this.signRule["击穿电压O"] != "/" &&
                this.signRule["击穿电压O"].split(".").length - 1 == "1"
              ) {
                let jichO = this.signRule["击穿电压O"].toString().split(".");
                this.jichuanO = jichO[1].length;
              } else if (
                this.signRule["击穿电压O"] == "/" ||
                this.signRule["击穿电压O"] == ""
              ) {
                this.jichuanO = 2;
              } else {
                this.jichuanO = 3;
              }
              if (
                this.jichuanA <= 2 &&
                this.jichuanB <= 2 &&
                this.jichuanC <= 2 &&
                this.jichuanO <= 2
              ) {
                for (i = 0; i < txtN.length; i++) {
                  if ((txtN[i].type = "text")) {
                    txtN[i].readOnly = true;
                  }
                }
                this.display = "block";
                this.displays = "";
                this.breakdown = "";
                // 水分
                if (
                  this.signRule["水分A"] != "/" &&
                  this.signRule["水分A"].split(".").length - 1 == "1"
                ) {
                  let shuiA = this.signRule["水分A"].toString().split(".");
                  this.waterA = shuiA[1].length;
                } else if (
                  this.signRule["水分A"] == "/" ||
                  this.signRule["水分A"] == ""
                ) {
                  this.waterA = 2;
                } else {
                  this.waterA = 3;
                }
                if (
                  this.signRule["水分B"] != "/" &&
                  this.signRule["水分B"].split(".").length - 1 == "1"
                ) {
                  let shuiB = this.signRule["水分B"].toString().split(".");
                  this.waterB = shuiB[1].length;
                } else if (
                  this.signRule["水分B"] == "/" ||
                  this.signRule["水分B"] == ""
                ) {
                  this.waterB = 2;
                } else {
                  this.waterB = 3;
                }
                if (
                  this.signRule["水分C"] != "/" &&
                  this.signRule["水分C"].split(".").length - 1 == "1"
                ) {
                  let shuiC = this.signRule["水分C"].toString().split(".");
                  this.waterC = shuiC[1].length;
                } else if (
                  this.signRule["水分C"] == "/" ||
                  this.signRule["水分C"] == ""
                ) {
                  this.waterC = 2;
                } else {
                  this.waterC = 3;
                }
                if (
                  this.signRule["水分O"] != "/" &&
                  this.signRule["水分O"].split(".").length - 1 == "1"
                ) {
                  let shuiO = this.signRule["水分O"].toString().split(".");
                  this.waterO = shuiO[1].length;
                } else if (
                  this.signRule["水分O"] == "/" ||
                  this.signRule["水分O"] == ""
                ) {
                  this.waterO = 2;
                } else {
                  this.waterO = 3;
                }
                if (
                  this.waterA <= 2 &&
                  this.waterA <= 2 &&
                  this.waterA <= 2 &&
                  this.waterA <= 2
                ) {
                  for (i = 0; i < txtN.length; i++) {
                    if ((txtN[i].type = "text")) {
                      txtN[i].readOnly = true;
                    }
                  }
                  this.display = "block";
                  this.displays = "";
                  this.waterContent = "";
                  // 介质损耗
                  // if (
                  //   this.signRule["介质损耗因数A"] != "/" &&
                  //   this.signRule["介质损耗因数A"].split(".").length - 1 ==
                  //   "1"
                  // ) {
                  //   let jzA = this.signRule["介质损耗因数A"]
                  //     .toString()
                  //     .split(".");
                  //   this.jiezhiA = jzA[1].length; //3
                  // } else if (
                  //   this.signRule["介质损耗因数A"] == "/" ||
                  //   this.signRule["介质损耗因数A"] == ""
                  // ) {
                  //   this.jiezhiA = 2;
                  // } else {
                  //   this.jiezhiA = 4;
                  // }
                  // if (
                  //   this.signRule["介质损耗因数B"] != "/" &&
                  //   this.signRule["介质损耗因数B"].split(".").length - 1 ==
                  //   "1"
                  // ) {
                  //   let jzB = this.signRule["介质损耗因数B"]
                  //     .toString()
                  //     .split(".");
                  //   this.jiezhiB = jzB[1].length;
                  // } else if (
                  //   this.signRule["介质损耗因数B"] == "/" ||
                  //   this.signRule["介质损耗因数B"] == ""
                  // ) {
                  //   this.jiezhiB = 2;
                  // } else {
                  //   this.jiezhiB = 4;
                  // }
                  // if (
                  //   this.signRule["介质损耗因数C"] != "/" &&
                  //   this.signRule["介质损耗因数C"].split(".").length - 1 ==
                  //   "1"
                  // ) {
                  //   let jzC = this.signRule["介质损耗因数C"]
                  //     .toString()
                  //     .split(".");
                  //   this.jiezhiC = jzC[1].length;
                  // } else if (
                  //   this.signRule["介质损耗因数C"] == "/" ||
                  //   this.signRule["介质损耗因数C"] == ""
                  // ) {
                  //   this.jiezhiC = 2;
                  // } else {
                  //   this.jiezhiC = 4;
                  // }
                  // if (
                  //   this.signRule["介质损耗因数O"] != "/" &&
                  //   this.signRule["介质损耗因数O"].split(".").length - 1 ==
                  //   "1"
                  // ) {
                  //   let jzA = this.signRule["介质损耗因数O"]
                  //     .toString()
                  //     .split(".");
                  //   this.jiezhiO = jzA[1].length;
                  // } else if (
                  //   this.signRule["介质损耗因数O"] == "/" ||
                  //   this.signRule["介质损耗因数O"] == ""
                  // ) {
                  //   this.jiezhiO = 2;
                  // } else {
                  //   this.jiezhiO = 4;
                  // }
                  // console.log(this.jiezhiA, this.jiezhiB, this.jiezhiC, this.jiezhiO, '介质损耗');
                  // if (
                  //   this.jiezhiA <= 3 &&
                  //   this.jiezhiB <= 3 &&
                  //   this.jiezhiC <= 3 &&
                  //   this.jiezhiO <= 3
                  // ) {
                  //   for (i = 0; i < txtN.length; i++) {
                  //     if ((txtN[i].type = "text")) {
                  //       txtN[i].readOnly = true;
                  //     }
                  //   }
                  //   this.display = "block";
                  //   this.displays = "";
                  //   this.loss = "";
                  // 酸值
                  // if (
                  //   this.signRule["酸值A"] != "/" &&
                  //   this.signRule["酸值A"].split(".").length - 1 == "1"
                  // ) {
                  //   let sA = this.signRule["酸值A"].toString().split(".");
                  //   this.suanA = sA[1].length;
                  // } else if (
                  //   this.signRule["酸值A"] == "/" ||
                  //   this.signRule["酸值A"] == ""
                  // ) {
                  //   this.suanA = 2;
                  // } else {
                  //   this.suanA = 3;
                  // }
                  // if (
                  //   this.signRule["酸值B"] != "/" &&
                  //   this.signRule["酸值B"].split(".").length - 1 == "1"
                  // ) {
                  //   let sB = this.signRule["酸值B"].toString().split(".");
                  //   this.suanB = sB[1].length;
                  // } else if (
                  //   this.signRule["酸值B"] == "/" ||
                  //   this.signRule["酸值B"] == ""
                  // ) {
                  //   this.suanB = 2;
                  // } else {
                  //   this.suanB = 3;
                  // }
                  // if (
                  //   this.signRule["酸值C"] != "/" &&
                  //   this.signRule["酸值C"].split(".").length - 1 == "1"
                  // ) {
                  //   let sC = this.signRule["酸值C"].toString().split(".");
                  //   this.suanC = sC[1].length;
                  // } else if (
                  //   this.signRule["酸值C"] == "/" ||
                  //   this.signRule["酸值C"] == ""
                  // ) {
                  //   this.suanC = 2;
                  // } else {
                  //   this.suanC = 3;
                  // }
                  // if (
                  //   this.signRule["酸值O"] != "/" &&
                  //   this.signRule["酸值O"].split(".").length - 1 == "1"
                  // ) {
                  //   let sO = this.signRule["酸值O"].toString().split(".");
                  //   this.suanO = sO[1].length;
                  // } else if (
                  //   this.signRule["酸值O"] == "/" ||
                  //   this.signRule["酸值O"] == ""
                  // ) {
                  //   this.suanO = 2;
                  // } else {
                  //   this.suanO = 3;
                  // }
                  // if (
                  //   this.suanA <= 2 &&
                  //   this.suanB <= 2 &&
                  //   this.suanC <= 2 &&
                  //   this.suanO <= 2
                  // ) {
                  // for (i = 0; i < txtN.length; i++) {
                  //   if ((txtN[i].type = "text")) {
                  //     txtN[i].readOnly = true;
                  //   }
                  // }
                  // this.display = "block";
                  // this.displays = "";
                  // this.acid = "";
                  // } else {
                  //   mui.toast("酸值输入有误");
                  //   this.displays = "block";
                  //   this.display = "";
                  //   this.acid = "black";
                  //   for (i = 0; i < txtN.length; i++) {
                  //     if ((txtN[i].type = "text")) {
                  //       txtN[i].readOnly = false;
                  //     }
                  //   }
                  // }
                  // } else {
                  //   mui.toast("介质损耗值输入有误");
                  //   this.displays = "block";
                  //   this.display = "";
                  //   this.loss = "black";
                  //   for (i = 0; i < txtN.length; i++) {
                  //     if ((txtN[i].type = "text")) {
                  //       txtN[i].readOnly = false;
                  //     }
                  //   }
                  // }
                } else {
                  mui.toast("水分值输入有误");
                  this.displays = "block";
                  this.display = "";
                  this.waterContent = "black";
                  for (i = 0; i < txtN.length; i++) {
                    if ((txtN[i].type = "text")) {
                      txtN[i].readOnly = false;
                    }
                  }
                }
              } else {
                mui.toast("击穿电压值输入有误");
                this.displays = "block";
                this.display = "";
                this.breakdown = "black";
                for (i = 0; i < txtN.length; i++) {
                  if ((txtN[i].type = "text")) {
                    txtN[i].readOnly = false;
                  }
                }
              }
            } else {
              mui.toast("结论信息输入有误");
              this.displays = "block";
              this.display = "";
              this.jieLun = "black";
              for (i = 0; i < txtN.length; i++) {
                if ((txtN[i].type = "text")) {
                  txtN[i].readOnly = false;
                }
              }
            }
          } else {
            mui.toast("电压等级值输入有误");
            this.displays = "block";
            this.display = "";
            this.dianya = "block";
            for (i = 0; i < txtN.length; i++) {
              if ((txtN[i].type = "text")) {
                txtN[i].readOnly = false;
              }
            }
          }
          let dateFormTime =
            /((\d{3}[1-9]|\d{2}[1-9]\d|\d[1-9]\d{2}|[1-9]\d{3})(((0[13578]|1[02])(0[1-9]|[12]\d|3[01]))|((0[469]|11)(0[1-9]|[12]\d|30))|(02(0[1-9]|[1]\d|2[0-8]))))|(((\d{2})(0[48]|[2468][048]|[13579][26])|((0[48]|[2468][048]|[3579][26])00))0229)/;
          let times =
            /^(\d{4})[- /.]([1-9]|0[1-9]|1[012])[- /.]([1-9]|0[1-9]|[12][0-9]|3[01])$/;
          if (
            times.test(this.signRule["取样日期"]) &&
            !dateFormTime.test(this.signRule["取样日期"])
          ) {
          } else if (
            !times.test(this.signRule["取样日期"]) &&
            dateFormTime.test(this.signRule["取样日期"])
          ) {
          } else {
            mui.toast("取样日期格式有误");
            this.displays = "block";
            this.display = "";
            for (i = 0; i < txtN.length; i++) {
              if ((txtN[i].type = "text")) {
                txtN[i].readOnly = false;
              }
            }
          }
          if (
            times.test(this.signRule["分析日期"]) &&
            !dateFormTime.test(this.signRule["分析日期"])
          ) {
          } else if (
            !times.test(this.signRule["分析日期"]) &&
            dateFormTime.test(this.signRule["分析日期"])
          ) {
          } else {
            mui.toast("分析日期格式有误");
            this.displays = "block";
            this.display = "";
            for (i = 0; i < txtN.length; i++) {
              if ((txtN[i].type = "text")) {
                txtN[i].readOnly = false;
              }
            }
          }
          localStorage.setItem("clipboard", JSON.stringify(this.signRule));
        },
        // 取消
        Cancel() {
          // 取消后数据不变
          let Item = JSON.parse(localStorage.getItem("obj"));
          this.addData = Item;
          this.signRule = this.addData;
          this.display = "block";
          this.displays = "";
          this.dianya = "";
          this.jieLun = "";
          this.breakdown = "";
          this.waterContent = "";
          this.loss = "";
          this.acid = "";
          var txtN = document.getElementsByTagName("input");
          if (txtN) {
            for (i = 0; i < txtN.length; i++) {
              if ((txtN[i].type = "text")) {
                txtN[i].readOnly = true;
              }
            }
          }
          localStorage.setItem("clipboard", JSON.stringify(this.signRule));
        },
        // 返回
        zhuce() {
          // document.getElementById("confirmBtn").addEventListener('tap', function() {
          // if (this.getEmailID !== "null") {
          var btnArray = ["取消", "确定"];
          mui.confirm(
            "扫描信息尚未保存,确定返回上一步吗？",
            "消息提醒",
            btnArray,
            (e) => {
              if (e.index == 1) {
                localStorage.clear();
                $(location).attr("href", "Home.html");
              }
            }
          );
          // }
          // else {
          //   $(location).attr("href", "zhu_ce.html");
          // }

          // });
          // $(location).attr("href", "zhu_ce.html");
        },
      },
    });
  </script>
</body>

</html>

<body></body>